 <input id="exportFileDialog" style="display:none;" type="file" accept=".png,.jpg,.jpeg,.webm"> <input id="setDirDialog" type="file" nwdirectory accept=".png,.jpg,.jpeg,.webm" style="display:none;"> <div>Choose a component to export:</div> <div style="width: 360px; display: inline-block;"> <div style="margin-left: 20px;margin-top:20px;"> <div id="exportTargetGroup"> <label id="" class="exportLabelColumn" style="" for="exportTargetPopup">Component:</label> <input style="width: 150px; margin-left: 5px;" id="exportTargetPopup"> </div> <div class="exportTilingSizeGroup active" id="exportTilingSizeAbsGroup"> <label for="exportTilingSizeHpxStepper" class="exportLabelColumn" style="margin-right: -4px;">Image Size:</label> <input id="exportTilingSizeHpxStepper" style="margin-left: 5px;" class="integersOnly enforceMinMax leftSpinner"><label class="exportTilingSizeCross" for="exportTilingSizeHpxStepper" class="unitLabel"></label> <input id="exportTilingSizeVpxStepper" style="" class="integersOnly enforceMinMax"><label for="exportTilingSizeVpxStepper" class="unitLabel" style="vertical-align: 0;">px</label> </div> <div class="exportTilingSizeGroup" id="exportTilingSizeRelGroup"> <label for="exportTilingSizeVStepper" class="exportLabelColumn" style="margin-right: -4px;">Tiles:</label> <input id="exportTilingSizeVStepper" style="margin-left: 5px;" class="numbersOnly enforceMinMax leftSpinner"><label class="exportTilingSizeCross" for="exportTilingSizeVStepper" class="unitLabel"></label> <input id="exportTilingSizeHStepper" style="" class="numbersOnly enforceMinMax"> </div> <div id="imageSizeGroup" style="margin-top: 10px;"> <label id="" class="exportLabelColumn" style="" for="imageSize">Image Size:</label> <span style="" id="imageSize"></span> </div> </div> <div class="dimmed wrappedInfo" style="text-indent: -38px;"> <img src="./rsc/_z1" style="vertical-align:middle"> <span id="exportUsageText"></span> </div> <div class="dimmed wrappedInfo" id="exportMultipleImageSize" style="text-indent: -38px; margin-top: 10px;"> <img src="./rsc/_z1" style="vertical-align:middle"> <span>Image sizes may vary for different snapshots.</span> </div> </div> <div id="exportDisplayContainer"> <span class="centerHelper"></span> <img id="exportPreview" style="margin:auto; max-width:95%; max-height:95%; vertical-align: middle;"> </div> <div class="separatorLine">&nbsp;</div> <div id="" class="centered" style="width: 440px;"> <label id="" class="exportLabelColumn" style="" for="exportFormatPopup">Format:</label> <input style="width: 100px; margin-left: 5px;" id="exportFormatPopup"> <p id="exportQualityGroup"> <label id="exportQualityLabel" class="exportLabelColumn" style="" for="exportQualityPopup">Quality:</label> <input style="width: 100px; margin-left: 5px;" id="exportQualityPopup"> </p> <div id="webmParamsGroup"> <p id="frameRateGroup"> <label id="frameRateLabel" class="exportLabelColumn" style="" for="frameRatePopup">Frame rate:</label> <input style="width: 220px; margin-left: 5px;" id="frameRatePopup"> </p> <fieldset class="filedsetMatcher"> <legend>&nbsp;Video recording:&nbsp;</legend> <ul> <li><input type="radio" id="recordEveryFrame" name="recordEveryFrameGroup"><label for="recordEveryFrame">Slow down video playback to process frames</label> </li><li><span class="controlUnit"><input type="radio" id="skipFrames" name="recordEveryFrameGroup" checked="checked"><label for="skipFrames">Try to process a frame every:&nbsp;</label> <span class="controlUnit"><input id="videoIntervalStepper" style="" class="integersOnly enforceMinMax"><label for="videoIntervalStepper" class="unitLabel">ms</label></span> <li class="indented"><input type="checkbox" id="includeStillFramesCheckbox" class="checkbox-img"><label for="includeStillFramesCheckbox" class="checkbox-img-label">Include still frames</label> </li></span></li></ul> </fieldset> </div> <div id="videoInfoSeparator" class="separatorLine" style="margin-top: 20px; margin-bottom: -20px;">&nbsp;</div> <div id="videoRecordedInfoWrapper"> <p class="dimmed wrappedInfo" style="text-indent: -38px; width: 100%; margin-left: 20px;"> <img src="./rsc/_z1" style="vertical-align:middle"> <span id="videoRecordedInfoText"></span> </p></div> </div> 